    @charset "utf-8";
    @import 'reset';
    $fontSize:40;
    @function r($p) {
        @return $p/$fontSize*1rem;
    }
    html{
        font-size: $fontSize;
        width: 100%;
        height: 100%;
    }
    body{
        font-size: 16px;
        width: 100%;
        height: 100%;
    }
    .web {
        height: 100%;
//      display: flex;
//      flex-wrap: wrap;
//      justify-content: space-between;
        header {
            .top {
                ul {
                    width: r(640);
                    height: r(75);
                    border-bottom: 1px solid #A7A7A7;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    li {
                        display: flex;
                        align-items: center;
                        font-size: r(30);
                        color: #343434;
                        a {
                            display: flex;
                            align-items: center;
                            margin: 0 r(29);
                            font-size: r(24);
                            color: #585858;
                            img {
                                height: r(38);
                            }
                        }
                    }
                }
            }
        }
        .container {
            margin-top: r(28);
            .h_title{
                text-align: center;
                font-size: r(24);
                color: #A3A3A3;
                line-height:r(30);
            }
            .t_text{
                font-size: r(20);
                text-align: center;
                color: #A3A3A3;
                line-height:r(40);
                
            }
            .images{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    width: r(611);
                    margin: r(20) auto r(30);
                .img{
                    position: relative;
                    width: r(195);
                    height: r(195);
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    margin-bottom:r(10);
                    img{
                        width: r(195);
                    }
                    p{
                        font-size: r(24);
                        position: absolute;
                        white-space: nowrap;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        color: #FFFFFF;
                    }
                    .yes_btn{
                        width: r(30);
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        display: none;
                    }
                    input{
                        display: none;
                    }
                    #yesbtn:checked+img{
                        display: block;
                        
                    }
                    #yesbtna:checked+img{
                        display: block;
                        
                    }
                    #yesbtnb:checked+img{
                        display: block;
                        
                    }
                }
            }
           
        }
        footer {
           
        }
    }